<template>
  <div>
    <h3>组件生命周期学习:</h3>
    <Life v-if="isShow"/>
    <button @click="isShow = !isShow">销毁Life组件</button>
    <hr>
    <h3>axios使用学习:</h3>
    <Books></Books>
  </div>
</template>

<script>
import Life from './components/Life'
import Books from './components/Books'
export default {
  data(){
    return {
      isShow: true
    }
  },
  components: {
    Life,
    Books
  }
};
</script>

<style>
</style>